<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>客户详情</title>
    <link rel="icon" href="favicon.ico" type="images/ico">
    <meta name="author" content="dc">
    <link rel="stylesheet" type="text/css" href="/css/materialdesignicons.min.css">
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/css/style.min.css">
    <link href="/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css"/>
    <link rel="stylesheet" href="/css/bootstrapValidator.min.css" />
    <link rel="stylesheet" href="/css/skin.css"/>
    <!--编辑器-->
    <link rel="stylesheet" href="/css/froala_editor.min.css" />
    <link rel="stylesheet" href="/css/froala_editor.pkgd.min.css" />
    <link rel="stylesheet" href="/css/customerManager/customerTranDetail.css"/>
    <script th:inline="javascript">
        var customerTranDetailInfo = [[${customerTranDetail}]];
        if (customerTranDetailInfo.code !== '000000') {
            alert(customerTranDetailInfo.message)
        }
        console.log(customerTranDetailInfo);
    </script>
</head>
<body>
<div class="container-fluid">
    <div class="card customer-card">
        <div class="card-header">
            <h1>客户详情</h1>
            <div class="pull-left">(注册号：<span th:text="${customerTranDetail.data?.registCode}"></span>)</div>
        </div>
        <div class="card-body" id="infoCard">
            <div id="info">
<!--                <div class="customer-logo">-->
<!--                    <div id="imageId0" class="hidden" th:text="${customer?.uploadId}"></div>-->
<!--                    <div class="logo">-->
<!--                        <img id="newsPic0" th:src="@{(${customer?.accessUrl})}"/>-->
<!--                    </div>-->
<!--                </div>-->
                <div class="customer-info">
                    <div class="title">
                        <h3 id="enterpriseName" th:text="${customerTranDetail.data.enterpriseName}"></h3>
<!--                        <div class="code">-->
<!--                            <a href="#!"><i class="mdi mdi-qrcode"></i></a>-->
<!--                            <div class="code-box"><img src="" alt=""></div>-->
<!--                        </div>-->
                        <div class="credit">（社会信用统一代码：<span th:text="${customerTranDetail.data?.socialCode?:'暂无'}"></span>）</div>
                    </div>
                    <ul class="general">
                        <li id="enterpriseType" th:text="${customerTranDetail.data?.enterpriseType?:'暂无'}" data-toggle="tooltip" data-placement="top" data-original-title="公司类型"></li>
                        <li id="industryType" th:text="${customerTranDetail.data?.industryType?:'暂无'}" data-toggle="tooltip" data-placement="top" data-original-title="公司行业"></li>
                        <li id="registStatus" th:text="${customerTranDetail.data?.registStatus?:'暂无'}" data-toggle="tooltip" data-placement="top" data-original-title="登记状态"></li>
                    </ul>
                    <div class="tags clearfix" id="tagsBox"></div>
                </div>
                <div class="collapse" id="moreInfo">
                    <div class="clearfix" style="height: 10px;">&nbsp;</div>
                    <div class="well form-well">
                        <div class="title">基本信息</div>
                        <div class="row">
                            <div class="col-xs-4">
                                <label>英文名：</label>
                                <span class="text" id="englishName" th:text="${customerTranDetail.data?.englishName?:'暂无'}"></span>
                            </div>
                            <div class="col-xs-8">
                                <label>曾用名：</label>
                                <span class="text" id="oldName" th:text="${customerTranDetail.data?.oldName?:'暂无'}"></span>
                            </div>

                            <div class="col-xs-4">
                                <label>法定法人：</label>
                                <span class="text" id="legalPerson" th:text="${customerTranDetail.data?.legalPerson?:'暂无'}"></span>
                            </div>
                            <div class="col-xs-4">
                                <label>注册资本：</label>
                                <span class="text" id="registCapital" th:text="${customerTranDetail.data?.registCapital?:'暂无'}"></span>
                            </div>
                            <div class="col-xs-4">
                                <label>成立日期：</label>
                                <span class="text" id="establishDate" th:text="${customerTranDetail.data?.establishDate?:'暂无'}"></span>
                            </div>

                            <div class="col-xs-4">
                                <label>核准日期：</label>
                                <span class="text" id="approvalDate" th:text="${customerTranDetail.data?.approvalDate?:'暂无'}"></span>
                            </div>
                            <div class="col-xs-8">
                                <label>所在地区：</label>
                                <span class="text" th:text="${customerTranDetail.data.provice ?: '暂无'} + ' ' + ${customerTranDetail.data.city ?: ''} + ' ' + ${customerTranDetail.data.district ?: ''}"></span>
                            </div>

                            <div class="col-xs-4">
                                <label>联系方式：</label>
                                <span class="text" id="phone" th:text="${customerTranDetail.data?.phone?:'暂无'}"></span>
                            </div>
                            <div class="col-xs-8">
                                <label>更多联系方式：</label>
                                <span class="text" id="morePhone" th:text="${customerTranDetail.data?.morePhone?:'暂无'}"></span>
                            </div>

                            <div class="col-xs-4">
                                <label>邮箱：</label>
                                <span class="text" id="email" th:text="${customerTranDetail.data?.email?:'暂无'}"></span>
                            </div>
                            <div class="col-xs-8">
                                <label>更多邮箱：</label>
                                <span class="text" id="moreEmail" th:text="${customerTranDetail.data?.moreEmail?:'暂无'}"></span>
                            </div>

                            <div class="col-xs-8">
                                <label>企业地址：</label>
                                <span class="text" id="enterpriseAddress" th:text="${customerTranDetail.data?.enterpriseAddress?:'暂无'}"></span>
                            </div>
                            <div class="col-xs-4">
                                <label>最新年报地址：</label>
                                <span class="text" id="reportSite" th:text="${customerTranDetail.data?.reportSite?:'暂无'}"></span>
                            </div>
                            <div class="col-xs-12">
                                <label>经营范围：</label>
                                <span class="text" id="business" th:text="${customerTranDetail.data?.business?:'暂无'}"></span>
                            </div>
                        </div>
                    </div>
                </div>
<!--                <div class="collapse-btn">-->
<!--                    <a href="#!" id="btnCollapse" data-toggle="collapse" data-target="#moreInfo" aria-expanded="false" aria-controls="moreInfo">更多详情 <i class="mdi mdi-chevron-double-down"></i></a>-->
<!--                </div>-->
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/bootstrapValidator.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<!--标签插件-->
<script src="/js/jquery-tags-input/jquery.tagsinput.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.min.js"></script>
<script src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<script src="/js/crm/common/city.js"></script>
<!--消息提醒-->
<script type="text/javascript" src="/js/bootstrap-notify.min.js"></script>
<script type="text/javascript" src="/js/crm/common/lightyear.js"></script>
<script type="text/javascript" src="/js/crm/common/dataRangePicker.min.js"></script>
<script src="/js/crm/common/common.js"></script>
<script src="/js/crm/customerManager/customerTranDetail.js"></script>
</html>